<template>
    <view class="body">
		<globalNavBar title="我的预约"/>
		<uv-form labelPosition="left" :model="info"  ref="form">
					<uv-form-item label="开始时间"  borderBottom labelWidth="150rpx">
						<uv-input v-model="info.yuyue_date_format" border="none">
						</uv-input>
					</uv-form-item>
					<uv-form-item label="结束时间"  borderBottom labelWidth="150rpx">
						<uv-input v-model="info.yuyue_end_date_format" border="none">
						</uv-input>
					</uv-form-item>					
					<uv-form-item label="申请时间" prop="info.createtime" borderBottom labelWidth="150rpx">
						<uv-input v-model="info.createtime" border="none">
						</uv-input>
					</uv-form-item>
				<view v-for="(item, index) in info.yuyue_people" :key="index" style="margin-bottom: 130rpx;">
					<uv-form-item label="预约状态" prop="info.status_text" borderBottom labelWidth="150rpx">
						<uv-input v-model="item.p_status_text" border="none">
						</uv-input>
					</uv-form-item>
					<uv-form-item label="姓名" prop="info.status_text" borderBottom labelWidth="150rpx">
						<uv-input v-model="item.username" border="none">
						</uv-input>
					</uv-form-item>
					<uv-form-item label="手机号" prop="info.phone" borderBottom labelWidth="150rpx">
						<uv-input v-model="item.phone" border="none">
						</uv-input>
					</uv-form-item>
					<uv-form-item label="照片" prop="info.status_text" borderBottom labelWidth="150rpx">
						<uv-image :src="item.face_images" width="200rpx" height="200rpx"></uv-image>
					</uv-form-item>
					<uv-form-item label="预约二维码" prop="info.status_text" borderBottom labelWidth="150rpx">
						<uv-image :src="item.qrcode" width="300rpx" height="300rpx"></uv-image>
					</uv-form-item>
				
				</view>
		</uv-form>
    </view>
</template>

<script>
	import http from '@/utils/request.js'
    export default {
        data() {
            return {
				id:0,
				info:{}
			};
        },
		onLoad(options) {
			this.id = options.id
			this.getInfo();
		},
		methods:{
			getInfo(){
				var that = this;
				http.post('api/Yuyue/activity_yuyue_info',{id:this.id}).then(function(res){
					that.info = res.data
				})
			}
		}
    }
</script>

<style lang="scss">

body{
	background-color: #f4f4f2;
	font-size: 30rpx;
}
</style>
